﻿<div class="easyui-layout" id="Layout_dm_thiet_bi">
    <div id="pannel_mangvt_loaitb" data-options="region:'west', collapsible:false" title="Tìm thiết bị" style="width: 300px; padding: 10px">
        
         <div id="TreeGird_MVT_LOAITB"></div>
         <div id="ContextMenu_mvt_loaitb" class="easyui-menu" style="width:120px;">
            <div onclick="Edit_treeGird_PAGE_TB()" data-options="iconCls:'icon-add'">Sửa</div>
            <div class="menu-sep"></div>
            <div onclick="remove_treeGird_PAGE_TB()" data-options="iconCls:'icon-remove'">Xóa</div>
        </div>

    </div>
    <div id="pannel_list_thiet_bi" data-options="region:'center'" style="padding:5px" title="Danh sách thiết bị">
        <div id="thietbi_TableContainer"></div>
        @*<div  style="padding:5px 0; text-align:center; position:relative; top: 5px">
            <a onclick="return _openWinDowAddTB();" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add'">Thêm thiết bị</a>
            <a onclick="return _openWindowUpdateTB();" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit'">Cập nhật thiết bị</a>
            <a onclick="return _DeleteTB();" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-remove'">Xóa thiết  bị</a>
        </div>*@
    </div>
</div>

<script type="text/javascript">

    var _idTreeGridFind_THIBI = "0" ;
    var _typeTreeGridFind_THIBI = "all";

    $(document).ready(function () {

        ma_don_vi_function = 0;

        $("#Layout_dm_thiet_bi").css('width', $(window).width() -5);
        $("#Layout_dm_thiet_bi").height($(window).height() - 100);
        $('#thietbi_TableContainer').height($(window).height() - 180);
        $('#thietbi_TableContainer').width($("#pannel_list_thiet_bi").width() - 305);

        $("#TreeGird_MVT_LOAITB").treegrid({
            url: _nameSubDomain + "/Dm_ThietBi/listJsonIntoCateTree",
            idField: "id",
            treeField: "text",
            lines: true,
            animate: true,
            collapsible: true,
            fitColumns: true,
            width: $("#pannel_mangvt_loaitb").width() -30,
            height: $(window).height() - 160,
            columns: [[
                { field: 'id', resizable: false, hidden: true },
                { field: 'text', resizable: false, title: 'Mạng viễn thông', width : 110 }
                //{
                //    field: 'phancap', resizable: false, title: 'Phân cấp', formatter: function (value, row, index) {
                //        return Get_phan_cap_by_id(value).TEN;
                //    }
                //}
            ]],
            onContextMenu: onContextMenu_MVTLTB,
            onSelect: function (row) {

                _idTreeGridFind_THIBI = row.id;
                _typeTreeGridFind_THIBI = row.type;
                $('#thietbi_TableContainer').jtable('load', { idObject: row.id, type: row.type });


            },
        });


        $('#thietbi_TableContainer').jtable({
            title: 'DS THIẾT BỊ',
            openChildAsAccordion: true,
            actions: {
                listAction: _nameSubDomain + '/Dm_ThietBi/loadDataLTBInJson?idObject=' + _idTreeGridFind_THIBI + '&type=' + _typeTreeGridFind_THIBI

            },
            toolbar: {
                hoverAnimation: true, //Enable/disable small animation on mouse hover to a toolbar item.
                hoverAnimationDuration: 60, //Duration of the hover animation.
                hoverAnimationEasing: undefined, //Easing of the hover animation. Uses jQuery's default animation ('swing') if set to undefined.
                items: [
                    {
                        icon: _nameSubDomain + '/Content/images/add.png',
                        text: 'Thêm mới thiết bị',
                        click: function () {
                            _openWinDowAddTB();
                        }
                    }
                ] //Array of your custom toolbar items.
            },
            fields: {
                ID: {
                    key: true,
                    edit: false,
                    create: false,
                    width: '3%',
                    display: function (tbData) {
                        var $img = $('<img src="' + _nameSubDomain + '/Content/images/network_adapter_con.png" style="cursor:pointer;" title="Xem thông tin crad của thiết bị" />');
                        //Open child table when user clicks the image
                        $img.click(function () {
                            $('#thietbi_TableContainer').jtable('openChildTable',
                                   $img.closest('tr'), //Parent row
                                   {
                                       title: 'Thông tin Crad thiết bị ' + tbData.record.TEN,
                                       toolbar: {
                                           hoverAnimation: true, //Enable/disable small animation on mouse hover to a toolbar item.
                                           hoverAnimationDuration: 60, //Duration of the hover animation.
                                           hoverAnimationEasing: undefined, //Easing of the hover animation. Uses jQuery's default animation ('swing') if set to undefined.
                                           items: [
                                               {
                                                   icon: _nameSubDomain + '/Content/images/add.png',
                                                   text: 'Thêm mới crad',
                                                   click: function () {
                                                       _openWinDowAddCardOnTB(tbData.record.ID);
                                                   }
                                               }
                                           ] //Array of your custom toolbar items.
                                       },
                                       actions: {
                                           listAction: _nameSubDomain + '/Dm_ThietBi/ListDataCardInJson?idTb=' + tbData.record.ID,
                                           deleteAction: _nameSubDomain + '/Dm_ThietBi/DeleteCard',
                                       },
                                       fields: {
                                           //IDC: {
                                           //    type: 'hidden',
                                           //    defaultValue: tbData.record.ID
                                           //},
                                           ID: {
                                               key: true,
                                               create: false,
                                               edit: false,
                                               list: false
                                           },
                                           TEN: {
                                               title: 'Tên Card',
                                               width: '40%'
                                           },
                                           LOAIPORT: {
                                               title: 'Loaij Port',
                                               width: '20%'

                                           },
                                           SOPORT: {
                                               title: 'Số Port',
                                               width: '20%'
                                               
                                           },
                                           GHICHU: {
                                               title: 'Ghi Chú',
                                               width: '20%',
                                           },
                                           UPDATE: {
                                               display: function (data) {
                                                   return '<button title="Edit Record" onclick="return _UpdateCard(' + data.record.ID + ')" class="jtable-command-button jtable-edit-command-button"><span></span></button>';
                                               },
                                               create: false,
                                               edit: false,
                                               width: '3%'
                                           },
                                       }
                                   }, function (data) { //opened handler
                                       data.childTable.jtable('load');
                                   });
                        });
                        //Return image to show on the person row
                        return $img;
                    }
                },
                MA: {
                    title: 'Mã',
                    width: '10%'
                },
                TEN: {
                    title: 'Tên',
                    width: '35%'
                },
                GHICHU: {
                    title: 'Ghi Chú',
                    width: '35%'
                },
                HINHANH: {
                    title: 'Hình Ảnh',
                    display: function (data) {
                        if (data.record.HINHANH != null) {
                            return "<img height='30px' src=" + _nameSubDomain + "/Content/fileUpload/" + data.record.HINHANH + " />";
                        }
                        else {
                            return "";
                        }
                    },
                    width: '10%'
                },
                UPDATE: {
                    display: function (data) {
                        return '<button title="Edit Record" onclick="return _UpdateThietBi(' + data.record.ID + ')" class="jtable-command-button jtable-edit-command-button"><span></span></button>';
                    },
                    create: false,
                    edit: false,
                    width: '3%'
                },
                DELETE: {
                    display: function (data) {
                        return '<button title="Edit Record" onclick="return _DeleteThietBi(' + data.record.ID + ')" class="jtable-command-button jtable-delete-command-button"><span></span></button>';
                    },
                    create: false,
                    edit: false,
                    width: '3%'
                }

            },
            //Initialize validation logic when a form is created
            formCreated: function (event, data) {
                //data.form.find('input[name="TEN"]').addClass('validate[required]');
                data.form.validationEngine();
            },
        });

        $('#thietbi_TableContainer').jtable('load');

    });

    function onContextMenu_MVTLTB(e, row) {
        e.preventDefault();
        $(this).treegrid('select', row.id);
        $('#ContextMenu_mvt_loaitb').menu('show', {
            left: e.pageX,
            top: e.pageY
        });
    }

    

    function remove_treeGird_PAGE_TB() {

        var node = $('#TreeGird_Donvi').treegrid('getSelected');
        $.confirm({
            text: "Bạn chắc muốn xóa đơn vị " + node.text + " !. Chú ý : tất cả các đơn vị cấp dưới cũng được xóa khởi hệ thống ( nếu có )",
            confirm: function (button) {

                $('#TreeGird_Donvi').mask('đơn vị ' + node.text + 'đang được xóa khởi hệ thống');

                $.get(_nameSubDomain + '/DONVI_NHANVIEN/XOA_DONVI?donvnId=' + node.id, function (data) {

                    if (data == "ERROR_NHANVIEN") {
                        confirmOptionNormal("Lỗi !!. Vui lòng xóa hết những nhân viên trong đơn vị này trước. ");
                    }
                    else if (data == "ERROR_CODE") {
                        confirmOptionNormal("Lỗi !!. Có thể đơn vị này đã được xóa. vui lòng nhấn (F5) hoặc tải lại trang web. ");
                    }
                    else {

                        $('#TreeGird_Donvi').treegrid('reload');
                        
                    }

                    $('#TreeGird_Donvi').unmask();


                });

            },
            cancel: function (button) {

            }
        });

        return false;
    }

    function Edit_treeGird_PAGE_TB() {

        var nodetreeGrird = $('#TreeGird_MVT_LOAITB').treegrid('getSelected');
        if (row.type == "MVT") {
            loadwindowOnContent(_nameSubDomain + "/DONVI_NHANVIEN/UpdateDonVi?DonviId=" + node.id, "window_addupdate_donvi", "Cập nhật thông tin đơn vị", 350, 280);
        }
        else {
            loadwindowOnContent(_nameSubDomain + "/DONVI_NHANVIEN/UpdateDonVi?DonviId=" + node.id, "window_addupdate_donvi", "Cập nhật thông tin đơn vị", 350, 280);
        }
        

        return false;
    }
    



    function _openWinDowAddTB() {

        var nodetreeGrird = $('#TreeGird_MVT_LOAITB').treegrid('getSelected');

        if (nodetreeGrird == null) {
            loadwindowOnContent(_nameSubDomain + "/Dm_ThietBi/AddTb?mvt=&ltb=0", "window_addupdate_thietbi", "Thêm thông tin thiết bị", 600, 480);
        }
        else {
            if (nodetreeGrird.type == "MVT") {

                loadwindowOnContent(_nameSubDomain + "/Dm_ThietBi/AddTb?mvt=" + nodetreeGrird.id + "&ltb=0", "window_addupdate_thietbi", "Thêm thông tin thiết bị", 600, 480);;

            }
            else {
                loadwindowOnContent(_nameSubDomain + "/Dm_ThietBi/AddTb?mvt=" + nodetreeGrird.Idparent + "&ltb=" + nodetreeGrird.id, "window_addupdate_thietbi", "Thêm thông tin thiết ị", 600, 480);
            }
        }
    }

    function _UpdateThietBi(id) {

        loadwindowOnContent(_nameSubDomain + "/Dm_ThietBi/UpdateTb?id=" +  id, "window_addupdate_thietbi", "Cập nhật thông tin thiết bị", 600, 480);
    }

    function _DeleteThietBi(id) {

        var _entityTB = get_dm_thietbi_byId(id);

        $.confirm({

            text: "Bạn chắc muốn xóa thiết bị <b>" + _entityTB.TEN + "</b> !.",
            confirm: function (button) {

                $('#thietbi_TableContainer').mask('Thiết bị ' + _entityTB.TEN + 'đang được xóa khởi hệ thống');

                $.get(_nameSubDomain + '/Dm_ThietBi/DeleteTB?id=' + id, function (data) {

                    if (data == "ERROR_CODE") {
                        confirmOptionNormal("Lỗi !!. Có thể thiết bị này đã được xóa. vui lòng nhấn (F5) hoặc tải lại trang web. ");
                    }
                    else {

                        var nodeTreeGirdDV = $('#TreeGird_MVT_LOAITB').treegrid('getSelected');

                        if (nodeTreeGirdDV == null) {

                            $('#thietbi_TableContainer').jtable('load', { idObject: "0", type: "all" });

                        }
                        else {

                            $('#thietbi_TableContainer').jtable('load', { idObject: nodeTreeGirdDV.id, type: nodeTreeGirdDV.type });

                        }

                    }

                    $('#thietbi_TableContainer').unmask();

                });

            },
            cancel: function (button) {

            }
        });

        return false;

    }

    function _openWinDowAddCardOnTB(id)
    {
        loadwindowOnContent(_nameSubDomain + "/Dm_ThietBi/AddCardTb?Id=" + id, "window_addupdate_Card_thietbi", "Thêm thông tin Card", 600, 400);
    }

    function _UpdateCard(id) {

        loadwindowOnContent(_nameSubDomain + "/Dm_ThietBi/UpdateCardTb?Id=" + id, "window_addupdate_Card_thietbi", "Thêm thông tin Card", 600, 400);

    }

</script>